<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登记新图书</title>
</head>
<style>
    .container {
        border-radius: 25px;
        background-color: 0xFFFFFF;
        width: 300px;
        height: 600px;
        border: 10px solid grey;
        padding: 25px;
        margin: auto;
        vertical-align: middle;
        text-align:center;
\
    }
    .label1 {
        width: 70px;
        height: 50px;
        text-align: right;
        display: inline-block;
    }
    .label2 {
        height: 150px;
        display: inline-block;
    }

    .ui_button {
        padding:10px;
        background: #01AAED;
        color: #fff;
    }
    .ui_button:hover {
       opacity: 0.9;
    }
    .button{
        border-radius: 25px;
        width: 250px;
        padding: 25px;
        margin: auto;
    }
    .button1 {
        background-color: #E6E6FA;
        border: none;
        color: #483D8B;
        padding: 20px 40px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        cursor: pointer;
        border-radius: 8px;
    }
</style>
<body>
<div class = "container">
    <label class="label2"></label>
    <form>
        <label class="label1">书名:</label><input required type="text" name="name"><br>
        <label class="label1">作者:</label><input required type="text" name="writer"><br>
        <label class="label1">出版社:</label><input required type="text" name="publishing"><br>
        <label class="label1">出版日期:</label><input required type="text" name="date"><br>
        <label class="label1">库存:</label><input required type="text" name="count"><br>
        <label class="ui_button" for="xFile">上传文件</label>
        <input type="file" id="xFile" style="position:absolute;clip:rect(0 0 0 0);">
        <label class="ui_button" for="Submit">提交</label>
        <input type="submit" id="Submit" style="position:absolute;clip:rect(0 0 0 0);" onClick="javascript:form. action='web2.html';">
    </form>
</div>
</body>
</html>